<template>
    <div>
        <div class="header">
            <div class="content">
                <img src="../assets/images/logo.jpg" class="logo" />
                <img src="../assets/images/ad_top.jpg" class="ad_top" />
            </div>
        </div>
    
        <div class="menu">
            <div class="content">
                <ul>
                    <li><router-link to='/'>首页</router-link></li>
                    <li><router-link to='/allList'>产品列表</router-link></li>
                </ul>
            </div>
        </div>
    </div>
        
    </template>
    <script>
    export default {
        
    }
    </script>
    <style scoped>
    
    .header{width:100%;height:104px;background:#348408;}
    
    .content{width:1140px;height :auto ;margin :0 auto ;overflow :hidden ;}
    
    .logo{float :left ;}
    
    .ad_top{float :right }
    
    .menu{width:100%;height :52px;line-height :52px;border-bottom :1px solid #dbdbdb}
    
    ul{margin :0px;padding :0px;list-style-type:none ;}
    
    .menu ul{display:flex;}
    
    .menu ul li{width:124px;text-align :center ;}
    
    .menu ul li a{display: block;color: #333;text-decoration: none;}
    
    .bg_active{}
    
    .router-link-exact-active{background:#ffa800;color :#fff !important}
    
    
    </style>